@media screen {
    #printSection {
        display: none;
    }
}
@media print {
    body * {
        visibility:hidden;
    }
    #printSection, #printSection * {
        visibility:visible;
    }
    #printSection {
        position:absolute;
        left:0;
        top:0;
    }
}
/*公共样式1*/
/**
 * 描    述: 适用于公用模块的开发
 * 作用范围：全局
 */
*{margin:0;padding: 0; -webkit-box-sizing: border-box;}
/*设置根目录字体*/
html{font-size: 62.5%; font-family: "微软雅黑";height: 100%}/*10÷16x100%=62.5%*/
body{font-size: 1.4rem;  height:100%;}
/*设置不同字体大小*/
.fs-10{font-size: 1rem;}
.fs-11{font-size: 1.1rem;}
.fs-12{font-size: 1.2rem}
.fs-14{font-size: 1.4rem}
.fs-15{font-size: 1.5rem}
.fs-16{font-size: 1.6rem}
.fs-17{font-size: 1.7rem}
.fs-18{font-size: 1.8rem}
.fs-20{font-size: 2rem}
.fs-24{font-size: 2.4rem;font-weight: 300;}
.fs-26{font-size: 2.6rem}
/*设置字体颜色*/
.color-white{color: #fafafa}
.color-black3{color: #323232}
.color-black4{color: #4b4b4b}
.color-green{color: #009954}
.color-green17{color: rgb(0, 209, 0)}
.color-gray{color: #909090;}
.color-b4{color: #b4b4b4;}
.color-red{color: #db3d32;}
.color-orange{color: #f99c35;}
.color-4{color: #444444;}
.color-c{color: #cdcdcd;}
/*设置背景颜色*/
.bg-gray{background-color: #d8d8d8;}
.bg-orange{background-color: #f99c35;}
.bg-w{background-color: white;}
.bg-fa{background-color: #fafafa;}
.bg-green{background-color: #7ac658}
.bg-16{background-color: #9eea6a}
.bg-ed{background-color: #ebebeb}
/*设置内边距*/
.no-padding{padding: 0;}
.padding-v10{padding: 10px 0}
.padding-h10{padding: 0 10px}
.padding-left{padding-left: 10px}
.padding-right{padding-right: 10px}
.padding-top{padding-top: 10px}
.padding-bottom{padding-bottom: 10px}
.no-pl{padding-left: 0}
.no-pr{padding-right: 0}
.no-pt{padding-top: 0}
.no-pd{padding-bottom: 0}
/*设置外边距*/
.no-margin{margin: 0}
.margin-v10{margin: 10px 0}
.margin-h10{margin:0 10px}
.margin-left{margin-left: 10px}
.margin-right{margin-right: 10px}
.margin-top{margin-top: 10px}
.margin-bottom{margin-bottom: 10px}
.margin-r2{margin-right: 20px}
.margin-v4{margin: 4px 0}
/*去除UL自带样式*/
ul{list-style: none}
.data-list>li{
    padding: 5px 0 !important;
    border-bottom: 1px #f0f0f0 solid !important;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    border-right: none!important;
    border-left: none!important;
}
a:hover{text-decoration: none;color: #4b4b4b}
textarea{border-color: #f0f0f0;outline: none;border-radius: 4px}
/*文字不换行*/
.no-wrap{
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
/*文字换行*/
.wrap{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*文字超出隐藏*/
.overText{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*设置竖直居中*/
.verCenter{
    /*设置为flex 或 box 模型*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display:-webkit-flex;
    display: flex;
    /*竖轴对称*/
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
/*横轴居中*/
.hoCenter{
/*//设置为flex 或 box 模型*/
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display:-webkit-flex;
    display: flex;
/*// 横轴对称*/
-webkit-box-pack: justify;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/* 左右对称垂直居中布局 */
.colCenter{
    /*设置为flex 或 box 模型*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display:-webkit-flex;
    display: flex;
    /*横轴对称*/
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /*竖轴对称*/
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
.wraper{
    max-width: 768px;
    margin: 0 auto;
    position: relative;
    height:100%;
    min-height: 100%;
   /* display: flex;
    display:-ms-flex;
    display:-webkit-flex;
    flex-direction: column;*/
}
/*重写layer弹窗样式*/
.md-layer{border-radius: 13px!important;width: 73% !important}
.md-layer h3{
    margin:0;
    height: 50px!important;
    line-height: 50px!important;
    color:#4d4d4d;
    font-size: 14px!important;
    border-bottom: 1px solid #D0D0D0;
}
.md-layer .layui-m-layercont{padding:12px 10px;overflow: hidden}
.md-layer .layui-m-layerbtn{
    /*background:#fff;*/
    /*color: #666;*/
    /*border-top: 1px solid #D0D0D0;*/
    /*border-radius: 0 0 13px 13px;*/
}
.md-layer .layui-m-layerbtn span[no]{
    /*border-right: 1px solid #D0D0D0;*/
}
.md-layer .layui-m-layerbtn span[yes]{
    color: #f99c35;
}
.record-title{padding: 10px;background-color: white;font-size: 1.2rem}
.record-title .member img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 5px;
}
.member-heard img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.claim{padding: 3px;margin-right: 5px;color: white}
.received{padding:3px 7px;margin-right:5px}
.title-name{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid  #f0f0f0;
}
.delete{
    margin-top: 10px;
    background-color: #f99c35;
    border-color: #f99c35;
    color: white;
    border-radius: 4px;
    padding: 6px;
    height: 30px;
    line-height: 18px;
}
/*列表切换*/
.tabNav{text-align: center;position: relative; background-color: #FAFAFA; }
.tabNav .nav-item{height:45px;line-height:45px;color:#333;font-size: 16px;padding: 0; }
.tabNav .active{color: #fe9e41;border-bottom: 2px solid #fe9e41;}
.parter{height:10px;background: #222;}
.desc-item{display: none;}
.nav-desc{
    height: auto;
}
.nav-desc .this-show{display: block;}
.map{
    height:-moz-calc(100% - 231px);
    height:-webkit-calc(100% - 231px);
    height: calc(100% - 231px);
}
/*筛选外层ul*/
.date-sel-div{
    height: 40px;
    padding:  10px 0;
    border-bottom: 1px solid #f0f0f0;
}
/*筛选内层li*/
.date-sel-div > div{
    min-width:40px ;
    height: 25px;
    display: inline-flex;
    color: #4b4b4b;
    line-height: 25px;
}
/*按钮样式*/
.a-active{
    border-radius: 4px;
    background-color:#f99c35 ;
    color: #ffffff !important;
}
.myButton:hover {
    border-radius: 4px;
    background-color:#f99c35 ;
    color: #ffffff;
}
.myButton:active {position:relative;  top:1px;}
/*时间筛选输入框  假装样式*/
.time-select{
    margin: 10px 20px ;
    height: 35px;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
}
.time-input{
    border: none;
    outline: none;
    height: 32px;
    line-height: 32px;
    text-indent:1.5em;
}
.date-icon{
    padding: 5px;
    border-left: 1px solid #f0f0f0;
    height: 35px;
    min-width: 25px;
    background: url("../images/date-icon.png") no-repeat center;
    background-size:25px , contain ;
}
/*标题*/
.title-box{
    margin:10px 20px 0 ;
    background: #fafafa;
    border-radius: 4px;
    height: 40px;
    padding: 0 15px;
}
.all-data,.increase-data{line-height: 40px;}
.all-data{color: #4b4b4b;}
.increase-data{ text-align: right; color: #008047;}
/*列表样`式*/
.introduce-list .introduce{margin-bottom: 5px;}
.introduce-list .introduce .introduce-top{border-bottom: 1px #f5f5f5 solid;}
.introduce-list .introduce .introduce-top .heard-img{ width: 100%;height: 100%; max-width: 60px;max-height: 60px;border-radius: 50%;}
.introduce-list .introduce .money{
    text-align: right;
    width: 90px;
    max-width: 90px;
    height: 25px;
    color: #f99c35;
    line-height: 25px;
}
.introduce-bottom{height: 35px;line-height: 35px;}
.edit-bottom{height: 45px;line-height: 45px;}
.introduce-bottom img,.introduce-top .icon-img,.introduce-icon img{width: 20px;height: 20px;}
.member-list{border-left: 3px solid #f99c35;padding-left: 10px}
.head-div{position: relative}
.head-div .head-remark{width: 20px;height: 20px;position: absolute;bottom: 0px;right: -12px}
/*数据列表*/
.title-name{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid  #f0f0f0;
}
.delete{
    margin-top: 10px;
    background-color: #f99c35;
    border-color: #f99c35;
    color: white;
    border-radius: 4px;
    padding: 6px;
    height: 30px;
    line-height: 18px;
}
/*筛选外层ul*/
.date-sel-div{
    height: 40px;
    padding:  10px 0;
    border-bottom: 1px solid #f0f0f0;

}
/*筛选内层li*/
.date-sel-div > div{
    min-width:40px ;
    height: 25px;
    display: inline-flex;
    color: #4b4b4b;
    line-height: 25px;
}
/*按钮样式*/
.a-active{
    border-radius: 4px;
    background-color:#f99c35 ;
    color: #ffffff !important;
}
.myButton:hover {
    border-radius: 4px;
    background-color:#f99c35 ;
    color: #ffffff;
}
.myButton:active {position:relative;  top:1px;}
/*时间筛选输入框  假装样式*/
.time-select{
    margin: 10px 20px ;
    height: 35px;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
}
.time-input{
    border: none;
    outline: none;
    height: 32px;
    line-height: 32px;
    text-indent:1.5em;
}
.date-icon{
    padding: 5px;
    border-left: 1px solid #f0f0f0;
    height: 35px;
    min-width: 25px;
    background: url("../images/date-icon.png") no-repeat center;
    background-size:25px , contain ;
}
/*标题*/
.title-box{
    margin:10px 20px 0 ;
    background: #fafafa;
    border-radius: 4px;
    height: 40px;
    padding: 0 15px;
}
.all-data,.increase-data{line-height: 40px;}
.all-data{color: #4b4b4b;}
.increase-data{ text-align: right; color: #008047;}
/*列表样`式*/
.introduce-list .introduce{margin-bottom: 5px;}
.introduce-list .introduce .introduce-top{border-bottom: 1px #f5f5f5 solid;}
.introduce-list .introduce .introduce-top .heard-img{ width: 100%;height: 100%; max-width: 60px;max-height: 60px;border-radius: 50%;}
.introduce-list .introduce .money{
    text-align: right;
    width: 90px;
    max-width: 90px;
    height: 25px;
    color: #f99c35;
    line-height: 25px;
}
.introduce-bottom{height: 35px;line-height: 35px;}
.edit-bottom{height: 45px;line-height: 45px;}
.introduce-bottom img,.introduce-top .icon-img,.introduce-icon img{width: 20px;height: 20px;}
.member-list{border-left: 3px solid #f99c35;padding-left: 10px}
.head-div{position: relative}
.head-div .head-remark{width: 20px;height: 20px;position: absolute;bottom: 0px;right: -12px}
/*个人中心样式*/
.header{
    width: 100%;
    height: 80px;
    background: url("../images/bg.png") no-repeat;
    background-size: 100% 80px;
    position: relative;
}
.header .header-left{
    margin-left: 17px;
}
.header-left img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 5px;
}
.header-left .name p{margin-bottom: 5px}
.header-right{margin-right: 60px}
.header-right .header-icon{
    width: 27px;
    margin-left: 15px;
}
.header-right .header-icon img{width: 100%}
.header .header-set{
    width: 20px;
    position: absolute;
    top: 5px;
    right: 10px;
}
.header-set img{width: 100%}
.data-list{
    width: 92%;
    margin: 21px auto 18px ;
    padding: 10px;
    background-color: #f0f0f0;
}
.data-list li{
    background-color: white;
    padding-top: 10px;
    /*border-bottom: 0px!important;*/
    border-right: 1px #f0f0f0 solid !important;
    min-height: 53px;

}
.list-entrance li{
    border: 1px #f0f0f0 solid;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding: 6px 12px;
    line-height: 30px;
}
.list-entrance li .list-name img{
    width: 32px;
    height: 32px;
    margin: 0 5px;
}
.list-entrance li .right-arrow{
    width: 18px;
    height: 18px;
    margin-top: 6px;
    background: url("../images/right-arrow.png") no-repeat;
    background-size: contain;
}
.code-img{width: 88%;height:88%;margin: 5px 0 12px}
/*修改个人资料样式*/
/*个人信息更改*/
.con-group{background:#fff;margin-bottom: 8px}
.con-group:last-child{margin-bottom: 0}
.con-group .con-list{
    position: relative;
    padding:11px 14px;
    color:#4d4d4d;
    font-size: 14px;
    border:1px solid #f5f5f5;
    margin-bottom: -1px;
}
.list-label{
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    min-width: 100px;
}
.list-item{
    width: 100%;
    margin-right:15px;
}
.list-input{
    display: block;
    width: 100%;
    border:none;
    outline: none;
    font-size: 14px
}
.con-list .list-icon{
    display: block;
    width: 20px;
    height: 20px;
}
.con-list .leftarrow{
    background:url(../images/right-arrow.png) no-repeat;
    background-size: 10px 20px;
}
.change-back{height: 40px;background-color: #ffffff}
.change-back div{display: inline-block;margin: 0px;height: 40px;text-align: center;line-height: 40px;}
.change-back img{width: 25px;height: 25px}
.change-next .next{  margin-top: 20px; width: 80%;background-color: #fc9734;color:#ffffff;}
.change-tip{height: 26px;line-height: 26px}
/*校验验证码*/
.verify-phone .list-label{ min-width: 45px;}
.verify-phone .list-item{width: 50%}
/*注册页面*/
/*register background-images*/
.wraper-bg{
    background: url("../images/sign-up-bg.png") no-repeat top;
    background-size:100% 100px;
    width: 100%;
    min-height: 100px;
    line-height: 25px;
    padding-top: 25px;
    box-sizing: border-box;
}
.wraper-bg p{
    line-height: 25px;
}
.register-box{
    width: 86%;
    padding:10px;
    box-sizing: content-box;
    margin: 0 auto;
    border-radius: 6px;
    background: #fff;
    z-index: 5;
    line-height: 30px;
    color:#b3b3b3 ;
}
.register-data a{
    color: #B3B3B3;
}
/*all the register data CSS*/
.register-box .register-data{
    width: 100%;
    height: 46px;
    line-height: 45px;
    border-bottom: 1px solid #f5f5f5;
}
/*address-detail */
.register-site-detail,.register-site-detail textarea{
    width: 100%;
}
.register-site-detail textarea{
    margin-top:8px;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    text-indent: 0.8em;
    outline: none;
}
/*all the input public CSS*/
.register-box input{
    border: none;
    outline: none;
    color: #4b4b4b;
}
.register-box .right-arrows,.add-box .right-arrows{
    margin-top: 13px;
    display: inline-block;
    width: 10px;
    height: 20px;
    background: url("../images/right-arrow.png") no-repeat;
    background-size: 100% ,10px;
}
/*get security-code*/
.security-code{
    padding:0 5px;
    width: auto;
    display: inline;
    line-height: 30px;
    border: 1px solid #fdceb0;
    border-radius:15px ;
    text-align: center;
}
/*reset buttom and register buttom*/
.reset{
    line-height: 34px;
    border: 1px solid #fdceb0;
    border-radius: 4px;
}
.sign-in{
    line-height: 40px;
    color: #fff;
    background: #ff9643;
    border-radius: 4px;
    border: none;
}
/*set-up-css*/
.add-icon{
    width: 45px;
    height: 45px;
    display:inline-block;
    text-align: center;
}
.set-up-title{
    line-height: 32px;
    width: 100%;
    height: 32px;
    padding:0;
}
.add-box input,.add-box .register-data{
    border:0;
    margin-left: 15px;
    outline:none;
    height:40px;
    line-height: 40px;
}
.refer{
    width: 90%;
    height: 50px;
    /*position: absolute;*/
    margin:10px auto 0;
    background: #f99c35;
    color: #fff;
    bottom: 0;
    /*border-radius: 0;*/
    display:block;

}
.picDiv a.file {
        margin-left: 5px;
        width: 60px;
        position: relative;
        display: inline-block;
        /*background-color: red;*/
        /*background: url(../images/xiangji.png) no-repeat top center;*/
        /*border: 1px solid #ddd;*/
        border-radius: 4px;
        padding: 0px 0px;
        overflow: hidden;
        color: #1E88C7;
        text-decoration: none;
        text-indent: 0;
        line-height: 20px;
        background-size: auto 60px;
    }
.picDiv a.file img{
    border-radius: 4px;
    border: 1px solid #ddd;

}
.picDiv a.file input{
        position: absolute;
        font-size: 100px;
        right: 0;
        top: 0;
        opacity: 0;
    }
    /*show certificate pics*/
    .certificate-showpic li {
        width: 100%;
        height: 300px;
        margin-bottom: 20px;
        list-style: none;
        overflow: hidden;

    }
    .certificate-showpic li img{
        width: 100%;
    }
/*图片上传样式*/
/*上传图片插件的样式*/
.fl {
    float: left;
}
.clear {
    clear: both;
     /*-webkit-box-sizing: border-box;*/
}
.clear:after {
    content: '';
    display: block;
    clear: both;
}
.img-box{
    margin-bottom: 20px;
}
.up-checklist .img-box{margin-bottom: 5px;}
.img-box .up-p{
    margin-bottom: 20px;
    font-size: 16px;
    color: #555;
}
.z_photo{
    /*padding: 18px;*/
    /*border:2px dashed #E7E6E6;*/
    /*padding: 18px;*/
}
.z_photo .z_file{
    position: relative;
}
.z_file  .file{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}
.z_photo .up-section{
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
}
.up-section .close-upimg{
    position: absolute;
    /*top: 6px;
    right: 8px;*/
    display: none;
    z-index: 10;
}
.up-section .up-span{
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
    background: rgba(0,0,0,.5);
}
.up-section:hover{
    border: 2px solid #f15134;
}
.up-section:hover .close-upimg{
    display: block;
}
.up-section:hover .up-span{
    visibility: visible;
}
.z_photo .up-img{
    display: block;
    width: 100%;
    height: 100%;
}
.loading{
    border: 1px solid #D1D1D1;
    /*background:url(../img/loading.gif) no-repeat center;*/
}
.up-opcity{
    opacity: 0;
}
.img-name-p{
    display: none;
}
.upimg-div .up-section {
    width: 50px;
    height: 50px;
}
.img-box .upimg-div .z_file {
    width: 50px;
    height: 50px;
}
.z_file .add-img {
    display:inline-block;
    width: 50px;
    height: 50px;
    /*float: left;*/
}
/*遮罩层样式*/
.mask{
    z-index: 1000;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
}
.mask .mask-content{
    width: 80%;
    position: absolute;
    top: 50%;
    left: 40%;
    margin-left: -30%;
    margin-top: -80px;
    background: white;
    height: 160px;
    text-align: center;
    border-radius: 6px;
}
.mask .mask-content .del-p{
    color: #555;
    height: 94px;
    line-height: 94px;
    font-size: 18px;
    border-bottom: 1px solid #D1D1D1;
}
.mask-content .check-p{
    height: 66px;
    line-height: 66px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.mask-content .check-p span{
    width: 49%;
    display:inline-block;
    text-align: center;
    color:#d4361d ;
    font-size: 18px;
}
.check-p .del-com{
    border-right: 1px solid #D1D1D1;
}
/*member-order 订单列表*/
.clear-fix-1{
    height: 110px;
}
.order-box{
    width: 100%;
    height: 100%;
    padding: 0;
}
.top-order-sort{
    height: 48px;
    padding:0;
    border-bottom: 1px solid #f5f5f5;
    
}
.top-order-sort ul{
    /*float: left;*/
    width:100%;
    display:inline;
    padding-left: 0;
    overflow-y:hidden;  
    overflow-x:scroll; 
    white-space: nowrap;
}
.top-order-sort ul li{
    width: 20%;
    line-height: 45px;
    float: left;
    text-align: center;
    display:inline-block;
    /*padding: 0 15px;*/
    color:#696763;
    border-top:3px solid #fff;
    box-sizing:border-box;
    height: 48px;
}
.order-active{
    /*background-color: #FE980F;*/
    color:#FE980F!important;
    border-bottom: 3px solid #FE980F; 
}
/*down */
.down-order-list{
    padding: 0;
    height: 100%;
    width: 100%;
}
.down-order-list div ul li{
    width: 100%;
    height: 100%;
    display: block;
    padding:0 10px 10px;
    border-bottom: 1px solid #f5f5f5;
    /*margin: 10px 0 ;*/


}
.down-order-list div ul li .order-detail-box{
    color: #696763;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.order-detail-box>p{
    border-bottom: 1px solid #EBEAE8;
    margin-bottom: 5px;
    line-height: 34px;

}
.order-detail-box img{
    width: 100%;
}
.order-detail-box .left-image{
    float: left;
    width: 80px;
    height: 100%;
}
.order-detail-box .right-{
    width: 70%;
    float: left;
    line-height: 20px;
}
.right- .payment-btn{
    background: #FE980F;
    color: #fff;
    padding:3px 12px 3px 12px;
    border-radius:10px;
}
.right- .logistics-btn{
    color:#FE980F;
    padding:3px 12px 3px 12px;
    border-radius:10px;  
    border: 1px solid #FE980F;

}
/*待派订单详情*/
.order-detail-message li{
    list-style: none;
    border-bottom:1px dashed #cccccc;
    font-size: 14px;
    padding: 5px 0;
}
.message-item{padding: 3px 0;display: flex; align-items: center;}
.title-item-left{display: inline-block;width: 60px;margin-right: 3px}
.user-address,.self-user-address{overflow: hidden;}
.user-address .title-item-left{float: left;}
.user-address .title-item-right{float: left;width:70%}
.self-user-address .title-item-left{float: left;}
.self-user-address span:nth-child(3){width: 30px;margin-left: 0}
.self-user-address .title-item-right{float: left;width:65%;}
.title-item-right{margin-right: 5px;color: #777}
.product{margin-bottom: 10px}
.product .product-img{width: 22%;float: left}
.product-detail{float: left;width: 76%;margin-left: 6px}
.two-line{ display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.install{background: #fd5136;padding: 3px 6px;color: #ffffff;font-size: 12px;border-radius: 6px;float: right;}
.logistics-item-left{line-height: 32px;}
.logistics-item-right .form-control{line-height: 32px; height:32px; border: 1px solid #eee;border-radius: 4px; width: 80%;box-shadow: none;padding:4px;}
 
.order-detail-message>p{
    line-height: 38px;
    border-bottom:1px solid #EBEAE8; 
    margin: 0;
}
.order-detail-box .order-detail-title{
    height: 50px;
    line-height: 50px;
    border-bottom: 3px solid #FE980F;

}
.choose-worker{
    margin-top: 15px;
    margin-bottom: 25px;
}
.choose-worker>span{
    padding: 8px 12px;
    border-radius:18px;
    background: #FE980F;
    color: #fff;
    margin-bottom: 15px;
}
.choose-worker .submit-worker{
    width:100%;
    margin: 15px auto;
    line-height: 35px;
    color: #fff;
    background: #FE980F;
    border-radius: 6px;
    display: block;
}
.working-box,.worker-box{
    margin-top:10px;
    border-top:1px solid #EBEAE8 ;
    border-radius: 6px;
    padding: 5px;
}
.working-box li,.worker-box li{
    list-style: none;
    height: 40px;
    line-height: 35px;
    padding: 0 10px;


}
/*.working-box li span{
    padding: 11px 8px;
    border: 1px solid #FE980F;
    line-height: 0;
    display: inline-block;
    border-radius: 14px;
}*/
.working-box input[type=checkbox], input[type=radio]{
    margin-top: 0;

}
.child-box{
    width: 15px;
    height: 15px;
    display:table-cell; 
    vertical-align:middle;
    

}
.select-box{
    line-height: 35px;
}
.select-box select{
    line-height: 35px;
    padding: 0 10px;
    border-radius: 4px;
    border:1px solid #EBEAE8 ;
    height: 30px;
}
/*派单完成*/
.pic-list{
    /*padding: 15px;*/

}
.pic-list p {
    line-height: 35px;
}
.pic-list li{
    list-style: none;
    width: 90px;
    height: 90px;
    float: left;
}
.pic-list li img{
    width: 100%;
}
.bigImg{
    width: 100%;
}
.img-layer .layui-m-layercont {
    padding: 15px;
}
.location-map a{

    margin-left:3px; 
    width: 25px;
    height: 25px;
    display: inline-block;

}
.location-map a img{
    width: 100%;
}
.location-map p{
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*时间插件*/

/*!*========== reset ==========*!*/
/*html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, iframe,hr{margin:0;padding:0;}*/
/*body{font:12px/1.6 Tahoma,microsoft yahei,"微软雅黑","宋体";*font-family:"微软雅黑","宋体";}*/
/*fieldset, img { border:0; }*/
/*address, caption, cite, dfn, em, th, var{font-style:normal;font-weight:normal;}*/
/*ol, ul { list-style:none; }*/
/*caption, th { text-align:left; }*/
/*h1, h2, h3, h4, h5, h6 { font-size:100%; }*/
/*table {border-collapse:collapse;border-spacing:0;text-align: center}*/
/*select,input,label,button,textarea{margin:0;padding:0;font:normal"微软雅黑",arial,Simsun,Arial Unicode MS,Mingliu,Arial;overflow:visible;}*/
/*input{padding:2px 0 1px;*padding:4px 0 0;_padding:4px 0 0;_height:21px;}*/

/**
* GRI主题
*/
.gri_contrast {
    float: left;
    margin: 4px 8px 0 8px;
    line-height: 20px;
    color: #666;
    cursor: pointer;
    font: 12px/1.5 Tahoma, Helvetica, 'SimSun', sans-serif;
}


.gri_date {
    /*    margin: 4px 4px;*/
    padding: 0 26px 0 6px;
    width: 195px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #D6D6D6;
    background: #FFF url('./images/icon_date.png') no-repeat 100% 50%;
    cursor: pointer;
    color: #666;
}

.gri_date_month {
    width: 180px
}

.gri_dateRangeCalendar {
    position: absolute;
    display: none;
    background: #FFF;
    border: 1px solid #6FB1DF;
    padding: 10px;
    -moz-box-shadow: 0px 1px 3px #6FB1DF;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 5, Direction = 135, Color = "#CCCCCC");
    font: 12px/1.5 Tahoma, Helvetica, 'SimSun', sans-serif;
}

.gri_dateRangeCalendar a {
    color: #369;
}

.gri_dateRangePicker {
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
}

.gri_dateRangeOptions {
    float: left;
}

.gri_dateRangeOptions input.gri_dateRangeInput {
    width: 80px;
    text-align: center;
    border: 1px solid #DDD;
}

.gri_dateRangeOptions div.gri_dateRangeInput {
    margin-bottom: 5px;
}

.gri_dateRangePreMonth {
    float: left;
    width: 15px;
    height: 17px;
    background: url('./images/page.png') no-repeat 0 0;
    overflow: hidden;
}

.gri_dateRangeNextMonth {
    float: right;
    width: 15px;
    height: 17px;
    background: url('./images/page.png') no-repeat -15px 0;
    overflow: hidden;
}

.gri_dateRangePreMonth span, .gri_dateRangeNextMonth span {
    display: none;
}

.gri_dateRangeDateTable {
    margin: 0 10px 0 0px;
    padding: 0px;
    float: left;
    empty-cells: show;
    border-collapse: collapse;
    display: inline;
    font-size: 12px;
}

.gri_dateRangeDateTable td {
    border: 1px solid #EEE;
    text-align: right;
    cursor: pointer;
    padding: 1px 2px;
}

.gri_dateRangeDateTable th {
    border-top: 1px solid #DEE6F6;
    border-left: 1px solid #DEE6F6;
    background: #E0E8F7;
    font-weight: 400;
    border-left: 1px solid #DDD;
}

.gri_dateRangeDateTable td.gri_dateRangeGray {
    color: #BBB;
    cursor: default;
}

.gri_dateRangeDateTable td.gri_dateRangeToday {
    color: #F90;
    font-weight: bold;
}

.gri_dateRangeSelected {
    background-color: #007CD9;
    color: #FFF;
}

.gri_dateRangeCompare {
    background-color: #B9E078;
    color: #FFF;
}

.gri_dateRangeCoincide {
    background-color: #FFFFC4;
}

.gri_pn {
    background: url("../img/pn.png") repeat-x scroll 0 -48px #E5E5E5;
    color: #fff;
}

.gri_pnc {
    background: url("../img/pn.png") repeat-x scroll 0 0 #E5E5E5;
}

.gri_co {
    border: 1px solid #999999;
    box-shadow: 0 1px 0 #E5E5E5;
    cursor: pointer;
    font-family: Tahoma, 'Microsoft Yahei', 'Simsun';
    font-size: 12px;
    height: 21px;
    overflow: hidden;
    vertical-align: middle
}

/**
 * =================================================
 * TA主题
 * =================================================
 */
.ta_date{
    border:1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fefefe;
    background-image: -ms-linear-gradient(top, #fafafa, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f5f5f5));
    background-image: -moz-linear-gradient(top, #fafafa, #f5f5f5);
    background-image: -o-linear-gradient(top, #fafafa, #f5f5f5);
    background-image: linear-gradient(top, #fafafa, #f5f5f5);
    background-repeat: repeat-x;
    float:left;
}

.ta_date .date_title {
    font-family:Arial;
    font-size:14px;
    color:#666666;
    padding:6px 10px;
    *padding:0px 10px;
    border-right:1px solid #d8d8d8;
    vertical-align:middle;
    cursor:pointer;
    *zoom:1;
}
.ta_date .date_title:before{content: "开始"}
.ta_date:hover {
    background-image:none;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.ta_date .to{ padding:0 5px;}
.ta_date .opt_sel{/*====*/
    width:30px;
    height:28px;
    line-height:28px;
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    margin-left:-4px;
}
.ta_date a.opt_sel:link, .ta_date a.opt_sel:visited {

}
.ta_date a.opt_sel:active, .ta_date a.opt_sel:hover {

}

.ta_date .i_orderd{
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align:middle;
    border-top: 5px solid #727272;
    border-right: 5px dashed transparent;
    border-left: 5px dashed transparent;
    font-size:0;
    content: "";
    overflow:hidden;
    *margin-top:10px;
}


.ta_calendar2{*width:536px;left:0!important;}
.ta_calendar1{*width:268px;}
.ta_calendar{background-color: #ffffff;
    font-size:12px;
    text-align:left;
    z-index:100;
    position: absolute;
    right: 0;
}
.i_pre,.i_next,.ta_calendar td.ta_dateRangeSelected,.ta_calendar td.first,.ta_calendar td.last,.ta_calendar td.today{
    /*background:url(http://imgcache.qq.com/bossweb/mta/images/calendar_all.png) no-repeat;*/
    background:url(../images/calendar_all.png) no-repeat;
    cursor:pointer;
}
.i_pre,.i_next{ width:23px; height:23px;display:inline-block; }
.i_pre{ background-position:0 0;}
.i_pre:hover{ background-position:-46px 0px;}
.i_next{ background-position:-23px 0;}
.i_next:hover{ background-position:-69px 0px;}

.ta_calendar td.ta_dateRangeSelected{
    background:#cbe6f5;
}
.ta_calendar td.ta_dateRangeGray{
    color: #BBB;
    cursor: default;
}

.ta_calendar td.first,.ta_calendar td.today{
    background:#4eb5f7;
}
.ta_calendar td.first:after,.ta_calendar td.today:after{content: "开始";display: block; font-size: 10px;color:#fff;}

.ta_calendar td.last{
    background:#4eb5f7;
}
.ta_calendar td.last:after{content: "结束";display: block; font-size: 10px;color:#fff;}
.ta_calendar .dis{
    color:#9e9e9e;
}
.ta_calendar table {
    font-size: 12px;
    _display:inline;
    border-spacing:0 7px;
    border-collapse:collapse;
    width: 100%;
}
.ta_calendar table caption{ text-align:center; height:40px; line-height:40px; font-size:14px;  box-shadow:0px 1px 1px rgba(0,0,0,0.1);}
.ta_calendar table thead tr {
    background:#fff;
}
.ta_calendar table thead th {
    cursor: pointer;
    text-align:center;
    height: 40px;

}

.ta_calendar table.calendar-month {
    font-size: 12px;
    float:left;
    margin:0 8px;
    _display:inline;
    border-spacing:7px;
    border-collapse:separate;
    margin-bottom:10px;
}
.calendar-month caption{
    border-bottom:1px solid #E1E1E1;
    *padding-bottom:0px;
}

.calendar-month tbody td {
    line-height: 30px;
    padding: 4px 11px;
    text-align:center;
    white-space:nowrap;
    font-family:"΢���ź�";
    cursor:pointer;
}
.calendar-month td.hover,.calendar-month td:hover,.calendar-month caption span:hover{
    /*background:#;*/
    color:#6590c1;
    border:1px solid #6590c1;
    padding: 3px 10px;
    border-radius:2px;
    cursor:pointer;
}
.calendar .dis:hover{
    color:#9e9e9e;
    border:1px solid #d3d5d6;
    padding: 3px 10px;
}
.calendar-month td.current{
    background:#6590c1;
    color:#fff;
    border-radius:2px;
}

.ta_calendar table thead th.sun{color: #999;}
.ta_calendar table thead th.sat{color: #999;}
.ta_calendar table td:first-child{height: 0px;}
.ta_calendar table tbody td {
    text-align:center;
    white-space:nowrap;
    font-family:"Tahoma";
    background: #edf8fe;
    height: 40px;
    width: 14%;
    border: 1px solid #fff;
}

.ta_calendar_cont{position:relative;}
.ta_calendar_cont .i_pre,.ta_calendar_cont .i_next{position:absolute; top:7px;}
.ta_calendar_cont .i_pre{left:10px;}
.ta_calendar_cont .i_next{right:10px;}
.ta_calendar_footer{
    border-top:1px solid #e5e5e5;
    background: #e5e5e5;
    padding-top:6px;
    height:40px;
}
.ta_calendar_footer .frm_btn{
    float:right;
}

.ta_calendar_footer .frm_msg{
    float:left;
    vertical-align:middle;
}
.ta_calendar_footer .ipt_text_s{
    padding:4px 4px;
}

.ta_ipt_text, .ta_ipt_textarea, .ta_ipt_text_s {
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 6px 4px;
    position: relative;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    vertical-align: middle;
    width: 180px;
    z-index: 2;
}

.ta_ipt_text_s {
    width: 80px;
}

.ta_btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FEFEFE, #F5F5F5);
    background-repeat: repeat-x;
    border-color: #CACACA #CACACA #B3B3B3;
    border-image: none;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-family: "΢���ź�","����";
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
    outline: 0 none;
    padding: 3px 12px;
    text-align: center;
}
.ta_btn:hover, .ta_btn:active, .ta_btn.active, .ta_btn.disabled, .ta_btn[disabled] {
    color: #333333;
}
.ta_btn:hover {
    background-color: #FEFEFE;
    background-image: none;
    color: #333333;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}
.ta_btn:focus {
    outline: thin dotted #333333;
    outline-offset: -2px;
}
.ta_btn.active, .ta_btn:active {
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}
.ta_btn.disabled, .ta_btn[disabled] {
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.65;
}
.ta_btn {
    margin: 0px 5px 0 0;
    vertical-align: top;
}
.ta_btn:hover{
    background-position: 0 -16px;
}
.ta_btn_primary {
    background-color: #B4D66F;
    background-image: -moz-linear-gradient(center top , #C7E184, #A2CC59);
    border: 1px solid #88AB4A;
    color: #56740F;
}
.ta_btn_primary:hover{
    background-color: #5C96DB;
    background-image: -moz-linear-gradient(center top , #74A5ED, #4789CD);
    border: 1px solid #286AB1;
    color: #FFFFFF;
}

.cf:after {
    clear: both;
}

.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:before, .cf:after {
    content: "";
    display: table;
}
/*tip*/
.bg-box{height: 45%;padding: 0;margin-bottom: 10px;}
.bg-tip{height: 100%;padding: 0}
.success-bg{background: url("../images/success-bg.png") no-repeat center;background-size: 75px}
.error-bg{background: url("../images/error-bg.png") no-repeat center;background-size: 75px}
.had-bg{background: url("../images/tip-bg.png") no-repeat center;background-size: 75px}
.tip-text{ line-height: 45px; color:#f29f05;margin-top: 10px;  margin-bottom: 20px;font-size: 1.6rem;text-align: center}
.btn-return{
    width: 90%;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    border: 1px solid #f29f05;
    color: #f29f05;
    display: block;
    border-radius: 4px;
    text-align: center;
}
.map-icon{width: 26px}
.information{width: 26px}
.has-information{position: relative;}
.informtion-num{position: absolute;top: -12%;left: 26%;color: white}
.information-list{position: absolute;top: 10%;left: 40%;color: white}
.information-link{display:inline-block; height: 23px}
/*对话框样式*/
.chat-title{height: 45px;background-color: #4b4b4b;color: white;font-size: 1.6rem;line-height: 45px;position: fixed;top: 0;left: 0;z-index: 999}
.support-height{height: 56px;}
.chat-img{max-width: 40px;}
.mychat{margin-bottom: 13px;float: right}
.otherchat{margin-bottom: 13px}
.chat-box{ padding:10px;  position:relative;border-radius: 4px;max-width: 80% }
.mychat .chat-box{margin-right: 8px;float: right;}
.otherchat .chat-box{margin-left: 8px;float: left}
.chat-box-arrow{ width:0; height:0; font-size:0;border-style:solid;overflow:hidden; position:absolute; }
.chat-box-white{border-width:10px;border-color:transparent white transparent transparent;left:-18px;top:6px;}
.chat-box-green{border-width:10px;border-color:transparent transparent transparent #9eea6a;right:-18px; top:6px;}
.chat-footer{height: 58px;background-color: #f4f4f4;position: fixed;bottom: 0;left: 0;border-top: 1px solid #d8d8d8;}
.chat-footer form{height: 100%;}
#chatV{height: 40px;line-height: 40px; margin-top: 6px;width: 75%;margin-left: 15px;border: none;outline: none;background-color: #f4f4f4;border-bottom: 1px solid #d8d8d8}
.chat-send{height: 36px; display: inline-block;color: white;padding: 6px 10px;background-color:#5cb85c;border-color: #4cae4c;border-radius: 6px;margin-left: 5px }
.infor-div{position: absolute;bottom: 3px;right:3px;}
/*消息抖动*/
@keyframes jumpAnimate{
    0%{width: 25px;}
    5%{width: 25.3px;}
    10%{width: 25.5px;}
    15%{width: 25.8px;}
    20%{width: 26px;}
    25%{width: 26.3px;}
    30%{width: 26.5px}
    35%{width: 26.8px}
    40%{width: 27px;}
    45%{width: 27.3px;}
    50%{width: 27.5px;}
    55%{width: 27.3px;}
    60%{width: 27px;}
    65%{width: 26.8px;}
    70%{width: 26.5px;}
    75%{width: 26.3px;}
    80%{width: 26px;}
    85%{width: 25.8px}
    90%{width: 25.5px}
    95%{width: 25.3px}
    100%{width: 25px;}
}
.jump{animation: jumpAnimate  1s infinite;}

/*代理商申请二维码*/
.applycode{width: 70%;max-width: 248px; margin-top: calc(20%);margin-bottom: 20px}

/*专员banner*/
.banner{width:100%;height:85px;margin-top: -8px;margin-bottom: 10px;background: url("../images/banner-bg.png") no-repeat;background-size: 100% 85px;position: relative}
.banner-packet{width: 36%;position: absolute;bottom: 0;right: 0;text-align: right;}
.banner-packet img{width: 100%;max-height: 80px;}
.banner-member{margin-left: 52px;display: inline-block;color: white;font-size: 14px;letter-spacing: 2px;margin-top: 10px;}
.banner-come{width: 21%;max-width: 100px;position: absolute;right: 40%;bottom:0}
.banner-come img{width: 100%}
.banner-reward{margin-left: 60px;width: 40%;font-size: 22px;color: #FE980F}
.banner-reward img{width: 27%;max-width: 40px}
.banner-boy{height: 85px;width: 50px;position: absolute;left: 10px;bottom: 0;text-align: center;line-height: 100px}
.banner-boy img{width: 60%}
/*.reward-num{display: inline-block;}*/


/*葵写专卖店每日下单*/
.order-tab div:first-child{border-right: 2px solid #fafafa;}
.order-timeDiv{padding: 2px 10px;background-color: #f5f5f5;margin-bottom: 3px}
.good-list{overflow: hidden;}
.good-item{padding: 10px;background-color: #f3c17d;margin-bottom: 5px}
.good-itemDiv{padding: 0;margin-bottom: 10px}
.good-label{width: 20%;text-align: left;}
.good-item .form-control{display: inline-block;width: 80%}
.good-item .good-num{width: 20%;margin-right: 5px}
.delete-good{padding: 6px;background-color: white;border: 1px solid #FE980F;border-radius: 4px;}
.add-one{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /*background-color: #a3d2e8;*/
    background-color: #f3c17d;
    text-align: center;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #cccccc;
    box-shadow: 2px 2px  2px #ccc;
}
.add-one img{width: 100%;}
.order-submit{width: 95%;padding: 8px 0 ;background-color: #f99c35;color: white;border: none;border-radius: 6px;font-size: 16px;margin-bottom: 20px;}
/*已下单*/
.had-order-item{
    margin-bottom: 10px;
}
.had-order-item .had-order-time{
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FE980F;
    font-size: 16px;
    background-color: #f5f5f5;
    /*border-bottom: 1px solid #f3c17d;*/
    margin-top: 3px;
}
.had-order-good{padding: 10px;margin-bottom: 5px;background-color:#f3c17d ;}
.good-name{width: 80%}
.had-goodItem{height: 30px;line-height: 30px;font-size: 14px;}
.select-bottom{background-color: #f5f5f5;padding-bottom: 5px;margin-top: -5px;}
.select-bottom img{width: 20px}

/*代理商发货*/
.send-order-tip{background-color: #f5f5f5;padding: 3px 10px;color: red;}
.order-back{width: 30px}
.new-panel{box-shadow: none;border: none}
.panel .order-title{padding: 4px 10px;background-color: #ecac50;}
.book-time{padding: 5px 10px;background-color: #fafafa;color: #ecac50;margin-bottom: 8px}
.book-time>p{height: 25px;line-height: 25px}
.order-list{margin-bottom: 30px}
.order-item{background-color: #eac585;margin-bottom: 3px}
.order-item>div{padding: 0 10px;height: 30px;line-height: 30px;}
.order-detail .order-submit{margin-bottom: 0}
.nav-item a{color: #444444}
.order-tab .active a{color:#FE980F}
.desc-items{position: relative}
.book-order-list{display: none;}


/*葵写将个人中心模块区别开来*/
.ul-group{margin-bottom: 30px}
.role-list{border-top: 10px solid #fafafa}


/*葵写专员业绩通报样式*/
.warn-title{padding: 20px 10px;font-size: 16px;text-align: center;}
.warn-state{padding: 0 10px 10px 10px;background-color: #f5f5f5;}
.warn-state h3{height: 35px;line-height: 30px;color: #FE980F;}
.warn-table{padding: 10px}
.warn-table .table thead th{text-align: center}
.warn-table .table .warn-reason{text-align: left}
.warn-table .warn-noMenber{background-color: #daecf3;padding: 2px 4px;display: inline-block;text-align: center}
.warn-table .warn-noPay{background-color: #fbdbad;padding: 2px 4px;display: inline-block;text-align: center;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: super}
.warn-select{width: 150px}


/*葵写代理商委派业务经理*/
.introduce-bottom .appoint{margin-right: 10px ;background-color: #a7ccc0;color: white;border-radius: 6px;height: 30px;line-height: 30px;padding: 0 4px}
.select-layer .layui-m-layercont{padding: 0  30px 30px}
.select-layer .select-control{padding: 0;}

/*葵写显示公众号二维码*/
.code-show{text-align: center;margin-top: 20%}
.code-show img{width: 50%;max-width: 175px}

/*葵写在日期选择加返回按钮*/
.back-img{width: 30px}

/*葵写投诉页面*/
.complaint-panel{box-shadow: none;border-bottom: none;}
.complaint-panel .panel-heading{background-color: #FE980F;}
.complaint-panel .panel-body{padding: 30px 10px}
 .form-input{
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea.form-input{height: auto}
select.form-input{background-color: #fcf8e3}
.complaint-panel .panel-body .form-control{outline: none}
.submit-div{margin-top: 40px;padding: 10px}
.submit-div .submit{background-color: #FE980F;color: white;padding: 8px}
/*select.form-input option:hover{background-color: #FE980F;color: white;}*/
.layer-tips .layui-m-layercont{padding: 10px 15px}
/*葵写售后服务*/
.input-div{border-bottom: 1px solid #dddddd;margin-bottom: 10px;}
.input-label{width: 60px;text-align: center;display: block;}
.input-item{border: none;outline: none;height: 34px;line-height: 30px}
.input-item-error{width: 50%;}
/*联系我们*/
.contact-us li{padding: 3px 0 3px 10px;border-color:#ddd;color: #000000;font-size: 14px; }
.change-layer .layui-m-layercont{padding: 0 10px}


/*葵修改装维工人*/
.alert-btn{padding: 3px 10px}
.certificate{padding: 10px}
.certificate-pic{width: 20%;display: inline-block;padding:  10px 0 0;margin-right: 5px;max-width: 80px;}
.certificate-pic img{width: 100%;margin-bottom: 8px}
.edit-submit .submit{background-color: #FE980F;color: white;padding: 8px;margin:  10px auto 30px}
.delete-img{padding: 0 10px;}

/*装维工人个人中心*/
.pageUl{position: relative;padding: 0;}
.pageLi{position: absolute;width: 100%;display: none;}
.tabChange{background-color: #f5f5f5;height: 40px;padding: 0}
.tabChange .tab-item a{color: #444444}
.tab-active{display: block;}
.tabChange .tab-item{text-align: center;padding: 10px 0;border-bottom: 1px solid #cccccc}
.tabChange .tab-item:nth-child(2){border-left: 1px solid #cccccc}
.tabChange .tab-item:nth-child(2){border-right: 1px solid #cccccc}
.tabChange .tab-item:nth-child(3){border-right: 1px solid #cccccc}
.tabChange .active {border-bottom: 2px solid #FE980F }
.tabChange .active a{color:#FE980F;}
.order-list{padding: 10px;background-color: #fafafa;}
.worker-order-item{padding: 0;border:1px solid #dddddd;border-radius: 4px;margin-bottom: 10px;background-color: white;box-shadow: 2px 2px 2px #cccccc;}
.order-time{text-align: center;height: 36px;line-height: 36px;border-bottom: 1px solid #f5f5f5;font-size: 14px;overflow: hidden}
.order-describe{padding: 10px}
.order-require{float: left;color:#4cb0b1; }
.order-state{float: right;color: #FE980F}
.order-address{padding:10px 0;border-bottom: 1px solid #f5f5f5}
.consignee{min-width: 40px;margin-right: 5px}
.click-enter{padding: 10px 0 0;text-align: right;font-size: 12px}

/*派单详情*/
.panel-default .worker-order-title{background-color: #fe980f;color: white;text-align: center;padding: 15px;}
.order-content .orederUl{padding: 0}
.orderLi{border-bottom: 1px solid #dddddd;line-height: 20px;padding: 8px}
/*.orderLi .order-detile{font-size: 13px}*/
.order-detile>div{margin-bottom: 8px;font-size: 13px}
.orderbar{height: 20px;background-color: #fafafa;}
.list-right{font-size: 12px;float: left;margin-left: 10px}
.list-right .small-img{width: 60px;margin-right: 10px}
.order-map{margin-left:20px;}
.order-map img{width: 30px}
.reject ,.receive{width: 40%;padding:10px;text-align: center;border-radius: 6px;margin-bottom: 20px;margin-top: 10px}
.receive{background-color: #FE980F;color: white;margin-left: 20px}
.reasonDiv{width: 100%}
.reason{width:100%;outline: none; border: none; resize : none;overflow: hidden}
.reason-layer h3{height: 30px;line-height: 30px}
.reason-layer .layui-m-layercont{padding: 15px;border-top: 1px solid #cccccc}
.img-layer .layui-m-layercont{padding: 15px;}
.bigImg{width: 100%;}
.reject, .receive {
    width: 40%;
    padding: 10px;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 20px;
    margin-top: 10px;
}
/*.reject{background-color: #f5f5f5;}*/

.cargo-content{width: 100%}
.cargo-content .cargo-btn{width: 26px;float: left;margin-right: 5px}
.cargo-content .cargo-choice{width: 85%;float: left;}
.finished{width: 100%;background-color: #FE980F;color: white;padding: 8px;border-radius: 6px;text-align: center;}
.list-left{text-align: right;font-size: 12px;max-width: 62px;min-width: 53px;float: left}
.list-right{font-size: 12px;float: left;margin-left: 10px}
.list-right .small-img{width: 60px;margin-right: 10px}

/*葵写专卖店工单管理*/
.store-tab-item{float: left;width: 20%;}
.tabChange .tab-item:nth-child(4){border-right: 1px solid #cccccc}
.order-detail-message{padding: 0 10px;}
.border-leftDiv{height: 25px;}
.border-left{border-left: 3px solid #fe980f;padding: 3px 10px;color: black}
.worker-order-list{border-bottom: 1px solid #dddddd;line-height: 40px;}

.choose-tab li{height: 30px;line-height: 30px}
.select-type{width: 60%;}
/*重写单选，复选按钮样式*/
input[type=checkbox],input[type=radio]{
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
    vertical-align: bottom;
    background: #fff;
    border: 1px solid #fe980f;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

input[type=checkbox]:active,input[type=radio]:active {
    border-color: #fe980f;
    background: #ebebeb;
}
input[type=checkbox]:hover {
    border-color: #c6c6c6;
    -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
}

input[type=checkbox]:checked,input[type=radio]:checked {
    background: #fff;
}

input[type=checkbox]:checked::after {
    content: url(../images/cb.png);
    display: block;
    position: absolute;
    top: 0 ;
    right: 0;
    left: 1px
}
input[type=radio]:checked::after {
    content: url(../images/cb.png);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 1px
}

input[type=checkbox]:focus {
    outline: none;
    border-color: #fe980f;
}
.choose-other{padding-top: 10px;}
.submit-worker{
    width: 100%;
    margin: 20px auto;
    text-align: center;
    line-height: 35px;
    color: #fff;
    background: #FE980F;
    border-radius: 6px;
    border: none;
}
.tip-time{margin-left: 3px;}
 .client-img img{width: 60px;margin-right: 3px;}
 .operate{width: 90%;margin: 0 auto;text-align: center}
 .back-company{padding: 5px 0;color: #fe980f;border: 1px solid #fe980f;text-align: center;border-radius: 6px;margin: 15px  0;}
 .complete-after{padding: 5px 0;color: #ffffff;background-color:  #fe980f;text-align: center;border-radius: 6px;margin: 15px 0;float: right}
 /*葵写代理商选择物流*/
.input-round{border-radius: 4px;border: 1px solid #f1f1f1;padding: 3px 5px;width: 60%;outline: none;}
/*.tip-write { margin-right: 2px}
.tip-write .input-round{width: 100%;}*/
/*物流跟踪条*/
.logistics-item-right{width: 70%; float: left;}
.logisticsUl{width: 70%; margin-left: 20px;}
.logisticsUl .logistics-item{position: relative;border-bottom: none;padding: 0 0 4px 0;}
.logisticsUl .logistics-item .before{position: absolute;left: -13px;top:22px;border-left: 2px solid #dddddd;height: 64%;}
.logisticsUl .logistics-item .after{position: absolute;left: -16px;top: 10px;width: 8px;height: 8px;border-radius: 50%;background-color: #dddddd;}
.logisticsUl .latest p{color: #fe980f}
.logisticsUl .latest .after{background-color: #fe980f}
.tip-click {margin: 5px 0 0 20px;}
.tip-click .tip-img {width:20px ;margin-left: 10px;}

.three-tab-layer .tabNav .nav-item{font-size: 12px;height: 40px;line-height: 40px;}
.three-tab-layer .layui-m-layercont{padding: 0 10px}
.order-detail-title .back-img{width: 30px}
/*2017-11-4 仙写账单列表*/
.select-item-group,.time-select-group{width: 100%; padding: 0 10px;height: 46px;line-height: 46px; position: relative;}
.time-select-group{height: 32px;line-height: 32px}
.bill-mask{position: absolute; top: 130px; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.4) ;z-index:4;}
.select-item-group .select-item{position: absolute;top:47px;left:0;width: 100%; z-index: 5; padding: 10px 5px 20px; ; box-shadow: 0 3px 5px #9b9b9b;}
.select-item li{float: left; padding: 4px 8px; border: 1px solid #efefef; border-radius: 4px; line-height:18px;margin:5px;}
.select-item-group a,.time-select-group a,.bill-list-group a{color:#525252;} 
.time-select-group span:nth-child(2){width: 25px;display: inline-block;}
.time-select-group a img{width: 100%}
.select-item-group select{border :1px solid #efefef;padding: 3px ; border-radius: 4px;color: #565656;}
.triangle-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:6px solid #999;margin-left: 3px;}
.bill-list-group ul li{padding: 0 10px;background-color: #ffffff;margin-bottom: 5px}
.bill-list-group .bill-list-item{width: 100%;padding: 5px 10px;height: 70px;}
.bill-list-item .bill-item-img{width:50px; height: 50px;float: left; border-radius: 25px;}
.bill-list-item .bill-item-img img{width: 100%;border-radius: 25px;}
.bill-list-info{width: 85%;padding: 0 0 0 10px;}
.bill-list-info div:nth-child(1){width: 70%;}
.bill-list-info div:nth-child(1) p{line-height: 32px;height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;   }
.bill-list-info div:nth-child(2){width: 30%;}
.bill-order{text-align: center;border-bottom: 1px dashed #ccc;padding: 5px 0;}
.bill-detail{position: relative;padding: 10px 0}
.bill-many{color: #fe980f;font-size: 18px;position: absolute;bottom: 50px;right:10px;}
.bill-title-name{float: left;width: 25%;max-width: 70px}
.bill-name{float: left;width: 75%}
/*账单详情样式*/
.bill-title-group{padding: 10px;}
.bill-title-item{width: 80%;margin: 0 auto;}  
.bill-detail-group a {color:#525252;}
.bill-title-group div:nth-child(1){padding: 5px 0;}
.bill-title-group div:nth-child(1) span{width: 50px; height: 50px;display: block; border-radius: 50%; margin:0 auto;}
.bill-title-group img{width: 100%;border-radius:50%;}
.bill-title-group div:nth-child(3){ color: #a7a7a7;}
.bill-detail-item ,.bill-detail-title {padding: 0 10px;}
.bill-detail-item div:nth-child(2) span{ width: 25px; height: 25px;display:inline-block;}
.bill-detail-title div:nth-child(2){width: 75%;margin-left: 10px; }
.bills-contacts-record{padding: 10px 10px;}
.bills-contacts-record span:nth-child(2){width: 20px;display: block;}
.bills-contacts-record img{width: 100%;}
.border-top{border-top: 1px solid #efefef;}
.border-bottom{border-bottom:  1px solid #efefef;}
/*账单搜索页面 搜索*/
.search-group{padding: 0 10px; position: relative; border-bottom:0 !important;}
/*.search-group a ,.search-group div:nth-child(3){position: fixed;}*/
.search-group a {float:left;left: 0; top: 0px;}
.search-group span:nth-child(3){float:right; }
.search-group div:nth-child(2){width: 88%; height: 50px; }
.search-group input{height: 38px; width: 85%;margin-top:-5px;border-radius: 6px; border: none;text-indent: 1.2rem;outline: none;background: #efefef;padding:0; line-height:1.5em;}
/*跑马灯通告*/
.marquee-gruop{padding: 0 10px;}
.marquee-gruop span:nth-child(1){ margin-right: 10px; width: 10%;display: block;line-height: 32px; }
.marquee-gruop span:nth-child(2){width: 80%; overflow: hidden; display: block; height: 32px;line-height: 32px;white-space:nowrap;}
/*2017-11-7 仙写交易记录*/
.transaction-list-group li {margin-bottom: 10px;padding: 10px 10px 0;}
.transaction-list-group li a{color: #4b4b4b;}
.transaction-list-item {border: 1px solid #d6d5d5;border-radius: 6px; background:  #fff;}
.transaction-list-item>p {text-align:center;line-height: 32px; background: #b4e3ff;border-radius: 6px 6px 0 0;}
.transaction-list-info{}
.transaction-list-info div { width: 33%; }
.transaction-list-info div:nth-child(2){border-left: 1px solid #efefef; border-right:1px solid #efefef;}

/*2017-12-06葵写个人中心我的银行卡*/
.title{padding: 0 10px 0 5px;height: 42px;font-size: 14px;text-align: center;background-color: #fe980f;color: white;}
.top-tip{color: #999999;padding: 10px;}
.bank-name{padding: 0 10px;}
.bank-logo{width: 23px;}
.icon-small{width: 22px}
.bank-btn{width: 100%;margin-top: 60px;color: white;font-size: 16px;text-align: center;border: none;background-color: #fe980f;height: 38px;line-height: 38px;border-radius: 6px}
.bank-btn:focus{color: white}
.bank-error,.bank-holder-error,.bank-verify-error{font-size: 12px;padding: 5px 10px;color:#f3362a;}
.bank-info{padding: 0 0 10px;background-color: white;margin-bottom: 20px;}
.bank-info li{padding: 10px 10px 0;}
.bank-info li .bank-left{width: 50px;margin-right: 10px;}
.check-list li .verify-code{width: 52%;border: none;outline: none; height: 38px;margin-left: 15px;}
.verify-btn{border-left: 1px solid #f5f5f5;padding: 0 0 0 5px; font-size: 12px;height: 30px;line-height: 30px}
.bank-list{padding: 0;}
.bank-item{padding: 0;background-color: #ffffff;margin-bottom: 10px;}
.bank-list-div{padding: 10px 0 0 0}
/*.center-margin{margin-bottom: 65px}*/
.bank-item-info{padding-bottom: 10px;border-bottom: 1px solid #f5f5f5;padding: 0 10px 10px;}
.bank-item-bottom{padding: 10px}
.ul-input{background-color: #ffffff;padding: 0;}
.ul-input li{border-bottom: 1px solid #f5f5f5}
.ul-input input{width: 75%;border: none;outline: none;height: 38px;margin-left: 15px;font-size: 12px;}
/* 2017-12-10 葵写代理商转账记录*/
.bills-list-group{padding: 0 0 20px;}
.bills-list-item{background-color: #ffffff;padding: 0;margin-bottom: 15px;box-shadow:  3px 3px 3px rgba(0,0,0,0.2);}
.bill-money{border-bottom: 1px dashed #cccccc;padding: 5px 10px;background-color:#ebe5e5;}
.bill-money-top{margin-bottom: 5px;overflow: hidden;}
.bills-list-item table{margin-bottom: 0}
.bills-list-item table th,.bills-list-item table td{text-align: center;font-size: 12px}
 .bill-shop{background-color: #f3f3f3}

.bg-f5{background-color: #f5f5f5;}
/*2018-04-24 司徒 入库单*/
.receipt{width: 1000px;margin: 0 auto;position: relative;height: 100%;}
.receipt_body{width: 100%;max-width: 1000px;margin: 0 auto;position: relative;padding: 10px 2px 10px 2px;min-height: 90px;height: auto;}
.fontw{font-weight: bold;}
.receipt_page{width: 100%;text-align: right;padding: 5px 0 0 0;}
.receipt_title{width: 100%;text-align: center;padding: 5px 0 5px 0;font-weight: 500;}
.receipt_lasttitle{width: 100%;text-align: center;padding: 5px 0 5px 0;}
.receipt_left{width: 70%; float: left;text-align: left;display: block;}
.receipt_right{width: 30%; float: left;text-align: left;display: block;}
.receipt_leftlttitle{text-align: left;padding: 5px 0 5px 0;float: left;width: 100%;}
.receipt_rightlttitle{text-align: left;padding: 5px 0 5px 0;float: left;width: 100%;}
.receipt_body ul{width: 100%;height: 100%;border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;}
.receipt_body ul li{float: left;text-align: center;padding: 2px 0 2px 0;border-left: 1px solid #000;border-bottom: 1px solid #000;height: 30px;line-height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.receipt_li1{width: 30%;}
.receipt_li2{width: 30%;}
.receipt_li3{width: 5%;}
.receipt_li4{width: 5%;}
.receipt_li5{width: 8%;}
.receipt_li6{width: 12%;}
.receipt_li6{width: 20%;}
.receipt_noright{border-right: 1px solid #000;}
.lastul{position:relative;}
.lastul li{border-top: none;}
.firstul{margin-top: 15px;}
.firstul li{border-top: 1px solid #000;}
.receipt_namebody{margin-top: 5px;width: 100%;height: auto;min-height: 60px;}
.receipt_name{margin-top: 5px;width: 20%;float: left;height: 25px;line-height: 25px;}
.receipt_address{width: 100%;text-align: left;height: 25px;line-height: 25px;margin-top: 5px;border-top: 2px solid #000;}
/*2018-04-24 司徒 发货单*/
.delivery{width: 1000px;margin: 0 auto;position: relative;height: 100%;}
.delivery_body{width: 100%;max-width: 1000px;margin: 0 auto;position: relative;padding: 5px 2px 10px 2px;min-height: 90px;height: auto;}
.delivery_cusxinxi{width: 100%;height: 20px;margin: 5px 0 5px 0;}
.fontw{font-weight: bold;}
.delivery_page{width: 100%;text-align: right;position: absolute;top: 55px;}
.delivery_title{width: 100%;text-align: center;padding: 5px 0 5px 0;font-weight: 500;}
.delivery_lasttitle{width: 100%;text-align: center;padding: 5px 0 5px 0;}
.delivery_customer{width: 55%;height:auto;float: left;}
.delivery_customer_name{width: 50%;float: left;}
.delivery_customeraddress{width: 100%;float: left;}
.delivery_time{width:45%;height:auto;float: left;max-width: 100%;}
.delivery_timethis{width: 50%;height:auto;float: left;}
.nameright{text-align: right}
.delivery_address{width: 100%;text-align: left;height: 25px;line-height: 25px;margin-top: 5px;border-top: 2px solid #3e3e3e;}
.delivery_addressphone{width: 30%;text-align: left;height: 25px;line-height: 25px;margin: 0 10px 0 0;float: left;}
.delivery_body ul{width: 100%;height: 100%;border-left: 1px solid #f5f5f5;}
.delivery_body ul li{float: left;padding: 2px 0 2px 0;border-left: 1px solid #000;border-right: 1px solid #000;border-bottom: 1px solid #000;height: 38px;margin-right:-1px;
/*line-height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/}
.delivery_li1{width: 40%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.delivery_li2{width: 15%;line-height: 18px;}
.delivery_li21{width: 15%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.delivery_li3{width: 5%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.delivery_li4{width: 6%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.delivery_li5{width: 10%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.delivery_li6{width: 10%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.delivery_li7{width: 7%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.delivery_li8{width: 7%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.delivery_linecenter{text-align: center;}
.delivery_lineleft{text-align: left;}
.delivery_lineright{text-align: right;}
.delivery_noright{border-right: 1px solid #000;}
.deliverylastul{position:relative;}
.deliverylastul li{border-top: none;}
.deliverylastulje{position:relative;}
.deliverylastulje li{border-top: none;}
.deliveryfirstul{margin-top: 15px;}
.deliveryfirstul li{border-top: 2px solid #000;margin-top: -1px;}
.delivery_namebody{margin-top: 2px;width: 100%;height: auto;min-height: 45px;}
.delivery_payment{margin-top: 5px;width: 100%;height: auto;min-height: 20px;}
.delivery_pay{width: 50%;float: left;}
.delivery_name{margin-top: 2px;width: 20%;float: left;height: 20px;line-height: 20px;}
.delivery_payname{margin-top: 5px;width: 25%;float: left;height: 20px;line-height: 20px;margin-bottom: 5px;}

/*2018-06-01 司徒 销售订单*/
.sales{width: 100%;max-width: 1000px;margin: 0 auto;position: relative;height: 100%;}
.sales_body{width: 100%;max-width: 1000px;margin: 0 auto;position: relative;padding: 5px 2px 10px 2px;min-height: 90px;height: auto;}
.sales_cusxinxi{width: 100%;height: 20px;margin: 5px 0 5px 0;}
.fontw{font-weight: bold;}
.sales_page{width: 100%;text-align: right;position: absolute;top: 55px;}
.sales_title{width: 100%;text-align: center;padding: 5px 0 5px 0;font-weight: 500;}
.sales_lasttitle{width: 100%;text-align: center;padding: 5px 0 5px 0;}
.sales_customer{width: 55%;height:auto;float: left;}
.sales_customer_name{width: 50%;float: left;}
.sales_customer_all{width: 25%;float: left;}
.sales_customer_allf{width:43%;float: left;}
.sales_customer_allf2{width:28%;float: left;}
.sales_customer_alll{width: 15%;float: left;}
.sales_customer_alllon{width:20%;float: left;}
.sales_customer_allsan{width:32%;float: left;}
.sales_customeraddress{width: 100%;float: left;}
.sales_time{width:45%;height:auto;float: left;max-width: 100%;}
.sales_timethis:first-child{width:60%;height:auto;float: left;}
.sales_timethis:last-child{width: 40%;height:auto;float: left;}
.nameright{text-align: right}
.sales_address{width: 100%;text-align: left;height: 25px;line-height: 25px;margin-top: 5px;border-top: 2px solid #3e3e3e;}
.sales_addressphone{width: 30%;text-align: left;height: 25px;line-height: 25px;margin: 0 10px 0 0;float: left;}
.sales_body ul{width: 100%;height: 100%;border-left: 1px solid #f5f5f5;}
.sales_body ul li{float: left;padding: 2px 0 2px 0;border-left: 1px solid #000;border-right: 1px solid #000;border-bottom: 1px solid #000;height: 38px;margin-right:-1px;
/*line-height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/}
.sales_li1{width:6%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sales_li2{width: 34%;line-height: 18px;}
.sales_li21{width: 34%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sales_li3{width:11%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sales_li4{width: 7%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sales_li5{width: 6%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sales_li6{width: 8%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sales_li7{width: 6%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sales_li8{width: 5%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sales_linecenter{text-align: center;}
.sales_lineleft{text-align: left;}
.sales_lineright{text-align: right;}
.sales_noright{border-right: 1px solid #000;}
.saleslastul{position:relative;}
.saleslastul li{border-top: none;}
.saleslastulje{position:relative;}
.saleslastulje li{border-top: none;}
.salesfirstul{margin-top: 15px;}
.salesfirstul li{border-top: 2px solid #000;margin-top: -1px;}
.sales_namebody{margin-top: 2px;width: 100%;height: auto;min-height: 45px;}
.sales_payment{margin-top: 5px;width: 100%;height: auto;min-height: 20px;}
.sales_pay{width: 50%;float: left;}
.sales_name{margin-top: 2px;width: 20%;float: left;height: 20px;line-height: 20px;}
.sales_payname{margin-top: 5px;width: 25%;float: left;height: 20px;line-height: 20px;margin-bottom: 5px;}
.sales_margin{margin-left: 15px;}
/*2018-06-02 司徒 小区状态汇总表 表格样式*/
.residential_body{width: 100%;height: auto;}
.residential_body table{width: 100%;}
.residential_body table tr td{border: 0.15rem solid #000;text-align: center;}
.residential_body td{padding: 5px 0;word-wrap:break-word;word-break:break-all;}